
<%--
  Created by IntelliJ IDEA.
  User: 86188
  Date: 2025/3/20
  Time: 11:10
  To change this template use File | Settings | File Templates.
--%>
<%-- Student.jsp --%>
<%@ page isELIgnored="false" %> <!-- 确保启用EL -->
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"
          integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
          crossorigin="anonymous"></script>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>学生中心 - 学生考勤系统</title>
  <link href="${pageContext.request.contextPath}/static/css/student.css" rel="stylesheet">
  <link href="${pageContext.request.contextPath}/static/css/common.css" rel="stylesheet">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
</head>
<body>
<div class="student-container">
  <!-- 左侧导航 -->
  <aside class="sidebar">
    <div class="profile-section">
      <img src="${pageContext.request.contextPath}/static/image/avatar.png"
           alt="学生头像" class="user-avatar">
      <h2 class="user-name">${requestScope.student.name}</h2>
      <p class="student-id">学号：${requestScope.student.id}</p>
    </div>

    <nav class="side-menu">
      <ul>
        <li class="active" data-target="attendance">
          <i class="fas fa-calendar-alt"></i>考勤记录
        </li>
        <li data-target="profile">
          <i class="fas fa-user-circle"></i>个人信息
        </li>
      </ul>
    </nav>
  </aside>

  <!-- 右侧内容区 -->
  <main class="content-area">
    <header class="content-header">
      <div class="header-actions">
        <div class="profile-dropdown">
          <button class="profile-btn">
            <i class="fas fa-user-circle"></i>
            <i class="fas fa-caret-down"></i>
          </button>
          <div class="dropdown-menu">
            <a href="ChangePasswordController">修改密码</a>
            <a href="${pageContext.request.contextPath}/login.jsp">退出登录</a>
          </div>
        </div>
      </div>
    </header>
    <!-- 考勤记录模块 -->
    <section id="attendance" class="content-card active">
      <h2><i class="fas fa-list-ol"></i>近期考勤记录</h2>
      <div class="attendance-table">
        <table>
          <thead>
          <tr>
            <th>日期</th>
            <th>课程名称</th>
            <th>考勤状态</th>
          </tr>
          </thead>
          <tbody>
          <!-- 动态数据示例 -->
          </tbody>
        </table>
      </div>
    </section>

    <!-- 个人信息模块 -->
    <section id="profile" class="content-card profile-card">
      <div class="card-header">
        <h2><i class="fas fa-id-card"></i>个人信息</h2>
<%--        <button class="edit-btn"><i class="fas fa-edit"></i> 编辑</button>--%>
      </div>

      <div class="profile-content">
        <div class="info-card">
          <div class="detail-item">
            <i class="fas fa-user-tag"></i>
            <div class="detail-content">
              <span class="detail-label">姓名:</span>
              <span class="detail-value">${requestScope.student.name}</span>
            </div>
          </div>
          <div class="detail-item">
            <i class="fas fa-university"></i>
            <div class="detail-content">
              <span class="detail-label">学院:</span>
              <span class="detail-value">${requestScope.student.college}</span>
            </div>
          </div>
          <div class="detail-item">
            <i class="fas fa-users"></i>
            <div class="detail-content">
              <span class="detail-label">班级:</span>
              <span class="detail-value">${requestScope.student.className}</span>
            </div>
          </div>
        </div>
      </div>
    </section>



  </main>
</div>

<script src="${pageContext.request.contextPath}/static/js/student.js"></script>
<script src="${pageContext.request.contextPath}/static/js/common.js"></script>
<script src="${pageContext.request.contextPath}/static/js/Stu_Ajax.js"></script>

</body>
</html>

